﻿@model MvcAppWeb.LogOnModel
           
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <title>我厨货位管理系统</title>
    <style type="text/css">
        html
        {
            background-color: #E9EEF0;
        }
        .wrapper
        {
            margin: 140px auto;
            width: 884px;
        }
        .loginBox
        {
            background-color: #FEFEFE;
            border: 1px solid #BfD6E1;
            border-radius: 5px;
            color: #444;
            font: 14px 'Microsoft YaHei' , '微软雅黑';
            margin: 0 auto;
            width: 388px;
        }
        .loginBox .loginBoxCenter
        {
            border-bottom: 1px solid #DDE0E8;
            padding: 24px;
        }
        .loginBox .loginBoxCenter p
        {
            margin-bottom: 10px;
        }
        .loginBox .loginBoxButtons
        {
            background-color: #F0F4F6;
            border-top: 1px solid #FFF;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            line-height: 28px;
            overflow: hidden;
            padding: 20px 24px;
            vertical-align: middle;
        }
        .loginBox .loginInput
        {
            border: 1px solid #D2D9dC;
            border-radius: 2px;
            color: #444;
            font: 12px 'Microsoft YaHei' , '微软雅黑';
            padding: 8px 14px;
            margin-bottom: 8px;
            width: 310px;
        }
        .loginBox .loginInput:FOCUS
        {
            border: 1px solid #B7D4EA;
            box-shadow: 0 0 8px #B7D4EA;
        }
        .loginBox .loginBtn
        {
            background-image: -moz-linear-gradient(to bottom, #B5DEF2, #85CFEE);
            border: 1px solid #98CCE7;
            border-radius: 20px;
            box-shadow: inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
            color: #000000;
            cursor: pointer;
            float: right;
            font: bold 13px Arial;
            padding: 5px 14px;
        }
        .loginBox .loginBtn:HOVER
        {
            background-image: -moz-linear-gradient(to top, #B5DEF2, #85CFEE);
        }
        .loginBox a.forgetLink
        {
            color: #ABABAB;
            cursor: pointer;
            float: right;
            font: 11px/20px Arial;
            text-decoration: none;
            vertical-align: middle;
        }
        .loginBox input#remember
        {
            vertical-align: middle;
        }
        .loginBox label[for="remember"]
        {
            font: 11px Arial;
        }
    </style>
  @*  <script type="text/javascript">
        function getExplorer() {
            var explorer = window.navigator.userAgent;
            //ie浏览器
            if (explorer.indexOf("MSIE") >= 0 || explorer.indexOf("Chrome") >= 0) {

            }
            else {
                alert("请使用IE或者谷歌浏览器");
            }
        }
    </script>*@
    <script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../../Scripts/viewsScript/Account/FocusAndBlur.js" type="text/javascript"></script>
    <script src="../../Scripts/jqueryeasyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body>
    <div class="wrapper">
        <form action="" method="post" @*onload="getExplorer()"*@>
        
        <div class="loginBox">
            <div class="loginBoxCenter">
                <p>
                    <span style="padding-left:10px; font-size: 18px; ">
                        <img src="/Content/images/blocks.gif" width="20" height="20" align="absmiddle" />&reg - 我厨货位管理系统
                    </span>
                </p>
                 <div style="text-align: left; color:Red">@Html.ValidationSummary()</div>
                <p>
                    <label for="username">
                        登录名：</label></p>
                <p>
                     <input type="text" id="username" name="UserName" class="loginInput" value="请输入用户名"/>
                </p>
                <p>
                    <label for="password">
                        密码：</label></p>
                <p>
                    <input type="text" id="showPassword" class="loginInput" value="请输入密码" />
                    <input type="password" id="password" name="Password" class="loginInput" style="display:none;"/>
                </p>
            </div>
            <div class="loginBoxButtons">
                <button class="loginBtn" onclick="return ValidateLog()">
                    登录</button>
            </div>
        </div>
        </form>
    </div>

</body>
</html>
